/**
 * EasyUI for jQuery 1.5.5.4
 *
 * Copyright (c) 2009-2018 www.jeasyui.com. All rights reserved.
 *
 * Licensed under the freeware license: http://www.jeasyui.com/license_freeware.php
 * To use it on other terms please contact us: info@jeasyui.com
 *
 */
/**
 * calendar - EasyUI for jQuery
 *
 */
(function ($) {

    function setSize(target, param) {
        var opts = $.data(target, 'calendar').options;
        var t = $(target);
        if (param) {
            $.extend(opts, {
                width: param.width,
                height: param.height
            });
        }
        t._size(opts, t.parent());
        t.find('.calendar-body')._outerHeight(t.height() - t.find('.calendar-header')._outerHeight());
        if (t.find('.calendar-menu').is(':visible')) {
            showSelectMenus(target);
        }
    }

    function init(target) {
        $(target).addClass('calendar').html(
            '<div class="calendar-header">' +
            '<div class="calendar-nav calendar-prevmonth"></div>' +
            '<div class="calendar-nav calendar-nextmonth"></div>' +
            '<div class="calendar-nav calendar-prevyear"></div>' +
            '<div class="calendar-nav calendar-nextyear"></div>' +
            '<div class="calendar-title">' +
            '<span class="calendar-text"></span>' +
            '</div>' +
            '</div>' +
            '<div class="calendar-body">' +
            '<div class="calendar-menu">' +
            '<div class="calendar-menu-year-inner">' +
            '<span class="calendar-nav calendar-menu-prev"></span>' +
            '<span><input class="calendar-menu-year" type="text"></input></span>' +
            '<span class="calendar-nav calendar-menu-next"></span>' +
            '</div>' +
            '<div class="calendar-menu-month-inner">' +
            '</div>' +
            '</div>' +
            '</div>'
        );


        $(target).bind('_resize', function (e, force) {
            if ($(this).hasClass('easyui-fluid') || force) {
                setSize(target);
            }
            return false;
        });
    }

    function bindEvents(target) {
        var opts = $.data(target, 'calendar').options;
        var menu = $(target).find('.calendar-menu');
        menu.find('.calendar-menu-year').unbind('.calendar').bind('keypress.calendar', function (e) {
            if (e.keyCode == 13) {
                setDate(true);
            }
        });
        $(target).unbind('.calendar').bind('mouseover.calendar', function (e) {
            var t = toTarget(e.target);
            if (t.hasClass('calendar-nav') || t.hasClass('calendar-text') || (t.hasClass('calendar-day') && !t.hasClass('calendar-disabled'))) {
                t.addClass('calendar-nav-hover');
            }
        }).bind('mouseout.calendar', function (e) {
            var t = toTarget(e.target);
            if (t.hasClass('calendar-nav') || t.hasClass('calendar-text') || (t.hasClass('calendar-day') && !t.hasClass('calendar-disabled'))) {
                t.removeClass('calendar-nav-hover');
            }
        }).bind('click.calendar', function (e) {
            var t = toTarget(e.target);
            if (t.hasClass('calendar-menu-next') || t.hasClass('calendar-nextyear')) {
                showYear(1);
            } else if (t.hasClass('calendar-menu-prev') || t.hasClass('calendar-prevyear')) {
                showYear(-1);
            } else if (t.hasClass('calendar-menu-month')) {
                menu.find('.calendar-selected').removeClass('calendar-selected');
                t.addClass('calendar-selected');
                setDate(true);
            } else if (t.hasClass('calendar-prevmonth')) {
                showMonth(-1);
            } else if (t.hasClass('calendar-nextmonth')) {
                showMonth(1);
            } else if (t.hasClass('calendar-text')) {
                if (menu.is(':visible')) {
                    menu.hide();
                } else {
                    showSelectMenus(target);
                }
            } else if (t.hasClass('calendar-day')) {
                if (t.hasClass('calendar-disabled')) {
                    return
                }
                var oldValue = opts.current;
                t.closest('div.calendar-body').find('.calendar-selected').removeClass('calendar-selected');
                t.addClass('calendar-selected');
                var parts = t.attr('abbr').split(',');
                var y = parseInt(parts[0]);
                var m = parseInt(parts[1]);
                var d = parseInt(parts[2]);
                opts.current = new Date(y, m - 1, d);
                opts.onSelect.call(target, opts.current);
                if (!oldValue || oldValue.getTime() != opts.current.getTime()) {
                    opts.onChange.call(target, opts.current, oldValue);
                }
                if (opts.year != y || opts.month != m) {
                    opts.year = y;
                    opts.month = m;
                    show(target);
                }
            }
        });

        function toTarget(t) {
            var day = $(t).closest('.calendar-day');
            if (day.length) {
                return day;
            } else {
                return $(t);
            }
        }

        function setDate(hideMenu) {
            var menu = $(target).find('.calendar-menu');
            var year = menu.find('.calendar-menu-year').val();
            var month = menu.find('.calendar-selected').attr('abbr');
            if (!isNaN(year)) {
                opts.year = parseInt(year);
                opts.month = parseInt(month);
                show(target);
            }
            if (hideMenu) {
                menu.hide()
            }
        }

        function showYear(delta) {
            opts.year += delta;
            show(target);
            menu.find('.calendar-menu-year').val(opts.year);
        }

        function showMonth(delta) {
            opts.month += delta;
            if (opts.month > 12) {
                opts.year++;
                opts.month = 1;
            } else if (opts.month < 1) {
                opts.year--;
                opts.month = 12;
            }
            show(target);

            menu.find('td.calendar-selected').removeClass('calendar-selected');
            menu.find('td:eq(' + (opts.month - 1) + ')').addClass('calendar-selected');
        }
    }

    /**
     * show the select menu that can change year or month, if the menu is not be created then create it.
     */
    function showSelectMenus(target) {
        var opts = $.data(target, 'calendar').options;
        $(target).find('.calendar-menu').show();

        if ($(target).find('.calendar-menu-month-inner').is(':empty')) {
            $(target).find('.calendar-menu-month-inner').empty();
            var t = $('<table class="calendar-mtable"></table>').appendTo($(target).find('.calendar-menu-month-inner'));
            var idx = 0;
            for (var i = 0; i < 3; i++) {
                var tr = $('<tr></tr>').appendTo(t);
                for (var j = 0; j < 4; j++) {
                    $('<td class="calendar-nav calendar-menu-month"></td>').html(opts.months[idx++]).attr('abbr', idx).appendTo(tr);
                }
            }
        }

        var body = $(target).find('.calendar-body');
        var sele = $(target).find('.calendar-menu');
        var seleYear = sele.find('.calendar-menu-year-inner');
        var seleMonth = sele.find('.calendar-menu-month-inner');

        seleYear.find('input').val(opts.year).focus();
        seleMonth.find('td.calendar-selected').removeClass('calendar-selected');
        seleMonth.find('td:eq(' + (opts.month - 1) + ')').addClass('calendar-selected');

        sele._outerWidth(body._outerWidth());
        sele._outerHeight(body._outerHeight());
        seleMonth._outerHeight(sele.height() - seleYear._outerHeight());
    }

    /**
     * get weeks data.
     */
    function getWeeks(target, year, month) {
        var opts = $.data(target, 'calendar').options;
        var dates = [];
        var lastDay = new Date(year, month, 0).getDate();
        for (var i = 1; i <= lastDay; i++) dates.push([year, month, i]);

        // group date by week
        var weeks = [], week = [];
        var memoDay = -1;
        while (dates.length > 0) {
            var date = dates.shift();
            week.push(date);
            var day = new Date(date[0], date[1] - 1, date[2]).getDay();
            if (memoDay == day) {
                day = 0;
            } else if (day == (opts.firstDay == 0 ? 7 : opts.firstDay) - 1) {
                weeks.push(week);
                week = [];
            }
            memoDay = day;
        }
        if (week.length) {
            weeks.push(week);
        }

        var firstWeek = weeks[0];
        if (firstWeek.length < 7) {
            while (firstWeek.length < 7) {
                var firstDate = firstWeek[0];
                var date = new Date(firstDate[0], firstDate[1] - 1, firstDate[2] - 1)
                firstWeek.unshift([date.getFullYear(), date.getMonth() + 1, date.getDate()]);
            }
        } else {
            var firstDate = firstWeek[0];
            var week = [];
            for (var i = 1; i <= 7; i++) {
                var date = new Date(firstDate[0], firstDate[1] - 1, firstDate[2] - i);
                week.unshift([date.getFullYear(), date.getMonth() + 1, date.getDate()]);
            }
            weeks.unshift(week);
        }

        var lastWeek = weeks[weeks.length - 1];
        while (lastWeek.length < 7) {
            var lastDate = lastWeek[lastWeek.length - 1];
            var date = new Date(lastDate[0], lastDate[1] - 1, lastDate[2] + 1);
            lastWeek.push([date.getFullYear(), date.getMonth() + 1, date.getDate()]);
        }
        if (weeks.length < 6) {
            var lastDate = lastWeek[lastWeek.length - 1];
            var week = [];
            for (var i = 1; i <= 7; i++) {
                var date = new Date(lastDate[0], lastDate[1] - 1, lastDate[2] + i);
                week.push([date.getFullYear(), date.getMonth() + 1, date.getDate()]);
            }
            weeks.push(week);
        }

        return weeks;
    }

    /**
     * show the calendar day.
     */
    function show(target) {
        var opts = $.data(target, 'calendar').options;
        if (opts.current && !opts.validator.call(target, opts.current)) {
            opts.current = null;
        }

        var now = new Date();
        var todayInfo = now.getFullYear() + ',' + (now.getMonth() + 1) + ',' + now.getDate();
        var currentInfo = opts.current ? (opts.current.getFullYear() + ',' + (opts.current.getMonth() + 1) + ',' + opts.current.getDate()) : '';
        // calulate the saturday and sunday index
        var saIndex = 6 - opts.firstDay;
        var suIndex = saIndex + 1;
        if (saIndex >= 7) saIndex -= 7;
        if (suIndex >= 7) suIndex -= 7;

        $(target).find('.calendar-title span').html(opts.months[opts.month - 1] + ' ' + opts.year);

        var body = $(target).find('div.calendar-body');
        body.children('table').remove();

        var data = ['<table class="calendar-dtable" cellspacing="0" cellpadding="0" border="0">'];
        data.push('<thead><tr>');
        if (opts.showWeek) {
            data.push('<th class="calendar-week">' + opts.weekNumberHeader + '</th>');
        }
        for (var i = opts.firstDay; i < opts.weeks.length; i++) {
            data.push('<th>' + opts.weeks[i] + '</th>');
        }
        for (var i = 0; i < opts.firstDay; i++) {
            data.push('<th>' + opts.weeks[i] + '</th>');
        }
        data.push('</tr></thead>');

        data.push('<tbody>');
        var weeks = getWeeks(target, opts.year, opts.month);
        for (var i = 0; i < weeks.length; i++) {
            var week = weeks[i];
            var cls = '';
            if (i == 0) {
                cls = 'calendar-first';
            }
            else if (i == weeks.length - 1) {
                cls = 'calendar-last';
            }
            data.push('<tr class="' + cls + '">');
            if (opts.showWeek) {
                var weekNumber = opts.getWeekNumber(new Date(week[0][0], parseInt(week[0][1]) - 1, week[0][2]));
                data.push('<td class="calendar-week">' + weekNumber + '</td>');
            }
            for (var j = 0; j < week.length; j++) {
                var day = week[j];
                var s = day[0] + ',' + day[1] + ',' + day[2];
                var dvalue = new Date(day[0], parseInt(day[1]) - 1, day[2]);
                var d = opts.formatter.call(target, dvalue);
                var css = opts.styler.call(target, dvalue);
                var classValue = '';
                var styleValue = '';
                if (typeof css == 'string') {
                    styleValue = css;
                } else if (css) {
                    classValue = css['class'] || '';
                    styleValue = css['style'] || '';
                }

                var cls = 'calendar-day';
                if (!(opts.year == day[0] && opts.month == day[1])) {
                    cls += ' calendar-other-month';
                }
                if (s == todayInfo) {
                    cls += ' calendar-today';
                }
                if (s == currentInfo) {
                    cls += ' calendar-selected';
                }
                if (j == saIndex) {
                    cls += ' calendar-saturday';
                }
                else if (j == suIndex) {
                    cls += ' calendar-sunday';
                }
                if (j == 0) {
                    cls += ' calendar-first';
                }
                else if (j == week.length - 1) {
                    cls += ' calendar-last';
                }

                cls += ' ' + classValue;
                if (!opts.validator.call(target, dvalue)) {
                    cls += ' calendar-disabled';
                }

                data.push('<td class="' + cls + '" abbr="' + s + '" style="' + styleValue + '">' + d + '</td>');
            }
            data.push('</tr>');
        }
        data.push('</tbody>');
        data.push('</table>');

        body.append(data.join(''));
        body.children('table.calendar-dtable').prependTo(body);

        opts.onNavigate.call(target, opts.year, opts.month);
    }

    $.fn.calendar = function (options, param) {
        if (typeof options == 'string') {
            return $.fn.calendar.methods[options](this, param);
        }

        options = options || {};
        return this.each(function () {
            var state = $.data(this, 'calendar');
            if (state) {
                $.extend(state.options, options);
            } else {
                state = $.data(this, 'calendar', {
                    options: $.extend({}, $.fn.calendar.defaults, $.fn.calendar.parseOptions(this), options)
                });
                init(this);
            }
            if (state.options.border == false) {
                $(this).addClass('calendar-noborder');
            }
            setSize(this);
            bindEvents(this);
            show(this);
            $(this).find('div.calendar-menu').hide();	// hide the calendar menu
        });
    };

    $.fn.calendar.methods = {
        options: function (jq) {
            return $.data(jq[0], 'calendar').options;
        },
        resize: function (jq, param) {
            return jq.each(function () {
                setSize(this, param);
            });
        },
        moveTo: function (jq, date) {
            return jq.each(function () {
                if (!date) {
                    var now = new Date();
                    $(this).calendar({
                        year: now.getFullYear(),
                        month: now.getMonth() + 1,
                        current: date
                    });
                    return;
                }
                var opts = $(this).calendar('options');
                if (opts.validator.call(this, date)) {
                    var oldValue = opts.current;
                    $(this).calendar({
                        year: date.getFullYear(),
                        month: date.getMonth() + 1,
                        current: date
                    });
                    if (!oldValue || oldValue.getTime() != date.getTime()) {
                        opts.onChange.call(this, opts.current, oldValue);
                    }
                }
            });
        }
    };

    $.fn.calendar.parseOptions = function (target) {
        var t = $(target);
        return $.extend({}, $.parser.parseOptions(target, [
            'weekNumberHeader', {firstDay: 'number', fit: 'boolean', border: 'boolean', showWeek: 'boolean'}
        ]));
    };

    $.fn.calendar.defaults = {
        width: 180,
        height: 180,
        fit: false,
        border: true,
        showWeek: false,
        firstDay: 0,
        weeks: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
        months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        year: new Date().getFullYear(),
        month: new Date().getMonth() + 1,
        current: (function () {
            var d = new Date();
            return new Date(d.getFullYear(), d.getMonth(), d.getDate());
        })(),
        weekNumberHeader: '',
        getWeekNumber: function (date) {
            var checkDate = new Date(date.getTime());
            checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
            var time = checkDate.getTime();
            checkDate.setMonth(0);
            checkDate.setDate(1);
            return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
        },

        formatter: function (date) {
            return date.getDate()
        },
        styler: function (date) {
            return ''
        },
        validator: function (date) {
            return true
        },

        onSelect: function (date) {
        },
        onChange: function (newDate, oldDate) {
        },
        onNavigate: function (year, month) {
        }
    };
})(jQuery);
